<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<%@taglib uri="http://java.sun.com/jsp/jstl/fmt" prefix="fmt"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>滨海基金 -合同登记</title>
<link href="css/bootstrap.min.css" rel="stylesheet">
<link href="css/font-awesome.min.css" rel="stylesheet">
<!-- Data Tables -->
<link href="css/plugins/dataTables/dataTables.bootstrap.css"
	rel="stylesheet">
<link href="css/animate.min.css" rel="stylesheet">
<link href="css/style.min.css" rel="stylesheet">
<link href="css/plugins/sweetalert/sweetalert.css" rel="stylesheet">
<script src="js/plugins/sweetalert/sweetalert.min.js"></script>
<script src="js/jquery.min.js"></script>
<script src="js/My97DatePicker/WdatePicker.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src="js/plugins/jeditable/jquery.jeditable.js"></script>
<script src="js/plugins/dataTables/jquery.dataTables.js"></script>
<script src="js/plugins/dataTables/dataTables.bootstrap.js"></script>
<script src="js/plugins/modal/bootstrap-modal.js"></script>
<script src="js/jquery-confirm.js"></script>
<script src="js/common.js"></script>
<script src="js/plugins/modal/bootstrap-modal.js"></script>
<script type="text/javascript"
	src="http://tajs.qq.com/stats?sId=9051096" charset="UTF-8"></script>
<style type="text/css">
/* dataTables列内容居中 */
.table>tbody>tr>td {
	text-align: center;
}

/* dataTables表头居中 */
.table>thead:first-child>tr:first-child>th {
	text-align: center;
}
</style>
</head>
<body class="gray-bg">
	<div class="row">
		<div class="col-sm-12">
			<div class="ibox float-e-margins">
				<div class="ibox-title">
					<h5>
						合同<small>,登记</small>
					</h5>
					<div class="ibox-content">
						<select class="form-control" onchange="Search()" id="sel"
							style="width: 105px; float: left;">
							<option value="">-全部-</option>
							<option value="4">制单形成</option>
							<option value="3">未通过</option>
							<option value="2">提交审核</option>
							<option value="1">新增合同</option>
							<option value="5">预约申请</option>
							<option value="6">预约失败</option>
							<option value="7">取消预约</option>
						</select>
						<div class="input-group col-md-3"
							style="margin-top: 0px; float: left;">
							<input id="contractNum" type="text" class="form-control "
								placeholder="请输入关键字（合同编号、名称）"/ > <span
								class="input-group-btn">
								<button onclick="Search()" class="btn btn-info btn-search">查询</button>
								<button class="btn btn-info btn-search" id="add"
									style="margin-left: 5px">添加</button>
							</span>
						</div>
						<table
							class="table table-striped table-bordered table-hover dataTables-example"
							id="dataTables-example">
							<thead>
								<tr style="height: 30px">
									<th style="width: 50px" align="center">序号</th>
									<th style="width: 100px" align="center">合同编号</th>
									<th style="width: 100px" align="center">合同名称</th>
									<th style="width: 100px" align="center">产品名称</th>
									<th style="width: 100px" align="center">签约金额</th>
									<th style="width: 100px" align="center">返利期限</th>
									<th style="width: 100px" align="center">签约日期</th>
									<th style="width: 100px" align="center">结束日期</th>
									<th style="width: 100px" align="center">合同期限</th>
									<th style="width: 120px" align="center">业务员</th>
									<th style="width: 120px" align="center">审核状态</th>
									<th style="width: 120px" align="center">审核人</th>
									<!-- <th style="width: 80px" align="center">操作</th> -->
								</tr>
							</thead>
						</table>
					</div>
				</div>
			</div>
		</div>
	</div>
	<!--添加合同信息模态框 -->
	<div class="modal fade  " id='addModal'>
		<div class="modal-dialog" style="width: 1000px; height: 600px;">
			<div class="modal-content">
				<div class="modal-header">
					<button class="close" data-dismiss='modal'>×</button>

					<h2 class="modal-title" align="center">添加合同信息</h2>
				</div>

				<div class="modal-body" align="center">

					<form class="form-horizontal m-t" id="myFrom"
						enctype="multipart/form-data">
						<div class="row form-body form-horizontal m-t">
							<div class="col-md-6 droppable sortable">
								<div class="form-group draggable">
									<label class="col-sm-3 control-label">合同编号<span
										style="color: red;">*</span>：
									</label>
									<div class="col-sm-8">
										<input type="text" name="contractNum" id="acontractNum"
											class="form-control" placeholder="请输入合同编号">
									</div>
								</div>
								<div class="form-group draggable">
									<label class="col-sm-3 control-label">合同名称<span
										style="color: red;">*</span>：
									</label>
									<div class="col-sm-8">
										<input type="text" name="contractName" id="contractName"
											class="form-control" placeholder="请输入合同名称">
									</div>
								</div>
								<div class="form-group draggable">
									<label class="col-sm-3 control-label">产品名称<span
										style="color: red;">*</span>：
									</label>
									<div class="col-sm-8">
										<select class="form-control " name="productName"
											id="productName">
											<option value="">-请选择-</option>
											<c:forEach var="product" items="${productList }"
												varStatus="status">
												<option value="${product.productName } ">${product.productName }</option>
											</c:forEach>
										</select>
									</div>
								</div>
								<div class="form-group draggable">
									<label class="col-sm-3 control-label">所属客户<span
										style="color: red;">*</span>：
									</label>
									<div class="col-sm-8">
										<select class="form-control " name="customerId"
											id="customerId">
											<option value="">-请选择-</option>
											<c:forEach var="customer" items="${customerList}"
												varStatus="status">
												<option value="${customer.customerId}">${customer.customerName }</option>
											</c:forEach>
										</select>
									</div>
								</div>
								<div class="form-group draggable">
									<label class="col-sm-3 control-label">签约日期<span
										style="color: red;">*</span>：
									</label>
									<div class="col-sm-8">
										<input type="text" name="date1" id="date1" readonly="readonly"
											class="form-control" onfocus="startDateBlur(1)"
											onClick="WdatePicker({lang:'zh-cn',dateFmt:'yyyy-MM-dd'})"
											placeholder="请选择签约日期">
									</div>
								</div>
								<div class="form-group draggable">
									<label class="col-sm-3 control-label">结束日期： </label>
									<div class="col-sm-8">
										<input type="text" name="date2" id="date2" readonly="readonly"
											class="form-control"
											onClick="WdatePicker({lang:'zh-cn',dateFmt:'yyyy-MM-dd'})"
											onblur="WdatePicker({dateFmt:'yyyy-MM-dd',minDate:checkDate(1),maxDate:'2099-01-01',readOnly:true})"
											placeholder="选择签约日期后自动生成">
									</div>
								</div>
							</div>
							<div class="col-md-6 droppable sortable">
								<div class="form-group draggable">
									<label class="col-sm-3 control-label">合同期限<span
										style="color: red;">*</span>：
									</label>
									<div class="col-sm-8">
										<select class="form-control" name="contractPeriod"
											id="contractPeriod">
											<option value="">-请选择-</option>
											<option value="1">一个月</option>
											<option value="2">三个月</option>
											<option value="3">六个月</option>
											<option value="4">一年</option>
										</select>
									</div>
								</div>
								<div class="form-group draggable">
									<label class="col-sm-3 control-label">签约金额<span
										style="color: red;">*</span>：
									</label>
									<div class="col-sm-8">
										<input type="number" name="transactionAmount"
											id="transactionAmount" class="form-control"
											placeholder="请输入签约金额">
									</div>
								</div>
								<div class="form-group draggable">
									<label class="col-sm-3 control-label">回报方式<span
										style="color: red;">*</span>：
									</label>
									<div class="col-sm-8">
										<select class="form-control" name="investmentHorizon"
											id="investmentHorizon">
											<option value="1">按月付息，到期还本</option>
											<option value="3">按季度付息，到期还本</option>
											<option value="2">到期还本付息</option>
										</select>
									</div>
								</div>
								<div class="form-group draggable">
									<label class="col-sm-3 control-label">开户银行： </label>
									<div class="col-sm-8">
										<input type="text" name="depositBank" id="depositBank"
											class="form-control" placeholder="请输入开户银行">
									</div>
								</div>
								<div class="form-group draggable">
									<label class="col-sm-3 control-label">银行账号： </label>
									<div class="col-sm-8">
										<input type="text" name="bankAccount" id="bankAccount"
											class="form-control" placeholder="请输入银行账号">
									</div>
								</div>
								<div class="form-group draggable">
									<label class="col-sm-3 control-label">审核状态<span
										style="color: red;">*</span>：
									</label>
									<div class="col-sm-8">
										<select class="form-control " name="contractStatus"
											id="contractStatus">
											<option value="1" selected="selected">新增</option>
											<option value="2">提交审核</option>
										</select>
									</div>
								</div>
							</div>
						</div>
					</form>
				</div>
				<div class="modal-footer" align="center">
					<div align="center">
						<button class="btn btn-primary" id="btnAdd">确认</button>
					</div>
				</div>
			</div>
		</div>
	</div>
	<script type="text/javascript">
		var table;
		$(function() {
			//提示信息
			var lang = {
				"sProcessing" : "<div style=\"float:right;width:50%\" >处理中...</div>",
				"sLengthMenu" : "每页 _MENU_ 项",
				"sZeroRecords" : "没有匹配结果",
				"sInfo" : "当前显示第 _START_ 至 _END_ 项，共 _TOTAL_ 项。",
				"sInfoEmpty" : "当前显示第 0 至 0 项，共 0 项",
				"sInfoFiltered" : "(由 _MAX_ 项结果过滤)",
				"sInfoPostFix" : "",
				"sSearch" : "搜索:",
				"sUrl" : "",
				"sEmptyTable" : "表中数据为空",
				"sLoadingRecords" : "载入中...",
				"sInfoThousands" : ",",
				"oPaginate" : {
					"sFirst" : "首页",
					"sPrevious" : "上页",
					"sNext" : "下页",
					"sLast" : "末页",
					"sJump" : "跳转"
				},
				"oAria" : {
					"sSortAscending" : ": 以升序排列此列",
					"sSortDescending" : ": 以降序排列此列"
				}
			};
			//初始化表格
			table = $("#dataTables-example")
					.dataTable(
							{
								"fnDrawCallback" : function() {
									var api = this.api();
									var startIndex = api.context[0]._iDisplayStart;//获取到本页开始的条数
									api.column(0).nodes().each(
											function(cell, i) {
												cell.innerHTML = startIndex + i
														+ 1;
											});
								},
								language : lang, //提示信息
								autoWidth : false, //禁用自动调整列宽
								stripeClasses : [ "odd", "even" ], //为奇偶行加上样式，兼容不支持CSS伪类的场合
								processing : true, //隐藏加载提示,自行处理
								serverSide : true, //启用服务器端分页
								searching : false, //禁用原生搜索
								orderMulti : false, //启用多列排序
								order : [], //取消默认排序查询,否则复选框一列会出现小箭头
								renderer : "bootstrap", //渲染样式：Bootstrap和jquery-ui
								pagingType : "simple_numbers", //分页样式：simple,simple_numbers,full,full_numbers
								"aLengthMenu" : [ 10 ],
								"bLengthChange" : false,//隐藏分页数量选择框
								ordering : false, //关闭排序图标
								ajax : function(data, callback, settings) {
									//封装请求参数
									var param = {};
									param.limit = data.length;//页面显示记录条数，在页面显示每页显示多少项的时候
									param.start = data.start;//开始的记录序号
									param.page = (data.start / data.length) + 1;//当前页码
									//console.log(param);
									var contractNum = $("#contractNum").val()
											.trim();
									if (contractNum != null
											&& contractNum != "") {
										param.contractNum = contractNum
									}
									var sel = $("#sel").val();
									if (sel != null && sel != "") {
										param.contractStatus = sel
									}
									//ajax请求数据
									$
											.ajax({
												type : "POST",
												url : "contract.do",
												cache : false, //禁用缓存
												data : param, //传入组装的参数
												dataType : "json",
												success : function(result) {
													//console.log(result);
													//setTimeout仅为测试延迟效果
													setTimeout(
															function() {
																//封装返回数据
																var returnData = {};
																draw = result.draw;//后台返回的计数器
																returnData.draw = data.draw;//这里直接自行返回了draw计数器,应该由后台返回
																returnData.recordsTotal = result.total;//返回数据全部记录
																returnData.recordsFiltered = result.total;//后台不实现过滤功能，每次查询均视作全部结果
																returnData.data = result.data;//返回的数据列表
																//console.log(returnData);
																//调用DataTables提供的callback方法，代表数据已封装完成并传回DataTables进行渲染
																//此时的数据需确保正确无误，异常判断应在执行此回调前自行处理完毕
																callback(returnData);
															}, 200);
												}
											});
								},
								//列表表头字段
								columns : [
										{
											"data" : null
										},
										{
											"data" : "contractNum"
										},
										{
											"data" : "contractName"
										},
										{
											"data" : "productName"
										},
										{
											"data" : "transactionAmount"
										},
										{
											"data" : function(data) {
												if (data.investmentHorizon == 1) {
													return "按月付息，到期还本"
												} else if (data.investmentHorizon == 2) {
													return "到期还本付息"
												}else if (data.investmentHorizon == 3) {
													return "按季度付息，到期还本"
												} else {
													return "";
												}
											}
										},
										{
											"data" : function(data) {

												if (data.tradeDate == null) {
													return "";
												}
												return FormatDate(new Date(
														data.tradeDate));
											}
										},
										{
											"data" : function(data) {

												if (data.endDate == null) {
													return "";
												}
												return FormatDate(new Date(
														data.endDate));
											}
										},
										{
											"data" : function(data) {
												if (data.contractPeriod == 1) {
													return "一个月"
												} else if (data.contractPeriod == 2) {
													return "三个月"
												} else if (data.contractPeriod == 3) {
													return "六个月"
												} else if (data.contractPeriod == 4) {
													return "一年"
												} else {
													return ""
												}
											}
										},
										{
											"data" : "createPeople"
										},
										{
											"data" : function(data) {
												if (data.contractStatus == 1) {
													return "新增";
												} else if (data.contractStatus == 2) {
													return "提交审核"
												} else if (data.contractStatus == 3) {
													return "审核不通过"
												} else if (data.contractStatus == 4) {
													return "审核通过"
												} else if (data.contractStatus == 5) {
													return "预约申请"
												} else if (data.contractStatus == 6) {
													return "预约失败"
												} else if (data.contractStatus == 7) {
													return "预约取消"
												} else {
													return "-"
												}
											}
										},
										{
											"data" : function(data) {
												if (data.checkPeopleName == null
														|| data.checkPeopleName == "") {
													return "";
												} else {
													return data.checkPeopleName;
												}
											}
										} ]
							/* 
												,
												columnDefs : [ {
													"targets" : [ 10 ], //第七列加一条 自定义列
													"data" : "contractId", //数据列名
													"render" : function(data, type, full) { //返回自定义的内容

														return "<a class=\"btn btn-warning btn-xs\" href=\"editContract.do?id="
																+ data
																+ "\">编辑</a>";
													}
												} ] */
							})//.api();		
		});
		function Search() {
			/* var oSettings = table.fnSettings();  
			oSettings._iDisplayStart = 0;  
			table.fnDraw(oSettings);   */
			table.fnDraw();
		}
		$("#add")
				.click(
						function() {

							$
									.ajax({
										url : "appcrm/gainCustomerAndProduct.do",
										type : "post",
										cache : true,
										async : true,
										data : $('#myFrom').serialize(),
										error : function(data) {
											swal("提示!", "服务器访问失败!", "error");
										},
										success : function(data) {
											if (data.code == 1) {
												$("#contractNum2").val("");
												$("#contractName").val("");
												$("#productName").val("");
												$("#customerId").val("");
												$("#date1").val("");
												$("#date2").val("");
												$("#transactionAmount").val("");
												$("#depositBank").val("");
												$("#bankAccount").val("");

												$("#addModal").modal("show");
												var product = data.product;
												var customer = data.customer;
												var productHtml = "<option value=\"\">-请选择-</option>";
												var customerHtml = "<option value=\"\">-请选择-</option>";
												for (var i = 0; i < product.length; i++) {
													productHtml += "<option value='"+product[i].productName+"'>"
															+ product[i].productName
															+ "</option>";
												}
												$("#productName").empty();
												$("#productName").append(
														productHtml);
												for (var i = 0; i < customer.length; i++) {
													customerHtml += "<option value='"+customer[i].customerId+"'>"
															+ customer[i].customerName
															+ "</option>";
												}
												$("#customerId").empty();
												$("#customerId").append(
														customerHtml);
											} else {
												swal("提示!", "连接服务器失败!", "error");
											}
										}
									});

						})
		$("#btnAdd").click(function() { //“登录”按钮单击事件
			var contractNum = $("#contractNum2").val();
			var contractName = $("#contractName").val();
			var productName = $("#productName").val();
			var customerId = $("#customerId").val();
			var transactionAmount = $("#transactionAmount").val();
			var contractPeriod = $("#contractPeriod").val();
			var investmentHorizon = $("#investmentHorizon").val();
			var date1 = $("#date1").val();
			var date2 = $("#date2").val();
			if (contractNum == "") {
				swal("请输入合同编号!", "温馨提示!", "error");
				return false;
			}
			if (contractName == "") {
				swal("请输入合同名称!", "温馨提示!", "error");
				return false;
			}
			if (productName == "") {//暂时未能获取到产品信息
				swal("请选择产品!", "温馨提示!", "error");
				return false;
			}
			if (customerId == "") {
				swal("请选择所属客户!", "温馨提示!", "error");
				return false;
			}
			if (date1 == "") {
				swal("请选择签约日期!", "温馨提示!", "error");
				return false;
			}
			if (date2 == "") {
				swal("请选择结束日期!", "温馨提示!", "error");
				return false;
			}
			if (transactionAmount == "") {
				swal("请选择签约金额!", "温馨提示!", "error");
				return false;
			}
			if (investmentHorizon == "") {
				swal("请选择回报方式!", "温馨提示!", "error");
				return false;
			}

			$.ajax({
				url : "insertContract.do",
				type : "post",
				cache : true,
				async : true,
				data : $('#myFrom').serialize(),
				error : function(data) {
					swal("提示!", "服务器访问失败!", "error");
				},
				success : function(data) {
					if (data.code == 1) {
						swal({
							title : "提示",
							text : "添加成功！",
							type : "success",
							confirmButtonText : "确定",
							closeOnConfirm : true
						}, function() {
							$("#addModal").modal("hide");
							Search();
						});
					} else {
						swal("提示!", "保存失败!", "error");
					}
				}
			});
		});
		//比较日期大小
		function checkDate(type) {
			if (type == 1) {
				var date1 = $("#date1").val();
				var date2 = $("#date2").val();
				var contractPeriod = $("#contractPeriod").val();
				date1 = date1.replace(/-/g, "/");//将时间中的/变为-
				var date = new Date(date1);
				//判断是哪种期限（1、一个月；2、三个月；3、六个月；4、一年）
				if (contractPeriod == 1) {
					if (date1 != "") {
						date.setMonth(date.getMonth() + 1)
						return date.getFullYear() + "-" + (date.getMonth() + 1)
								+ "-" + date.getDate();
					}

				} else if (contractPeriod == 2) {
					if (date1 != "") {
						date.setMonth(date.getMonth() + 3)
						return date.getFullYear() + "-" + (date.getMonth() + 1)
								+ "-" + date.getDate();
					}

				} else if (contractPeriod == 3) {
					if (date1 != "") {
						date.setMonth(date.getMonth() + 6)
						return date.getFullYear() + "-" + (date.getMonth() + 1)
								+ "-" + date.getDate();
					}

				} else if (contractPeriod == 4) {
					if (date1 != "") {
						date.setYear(date.getFullYear() + 1)
						return date.getFullYear() + "-" + (date.getMonth() + 1)
								+ "-" + date.getDate();
					}

				}
			} else {
				var date1 = $("#edate1").val();
				var date2 = $("#edate2").val();
				var contractPeriod = $("#econtractPeriod").val();
				date1 = date1.replace(/-/g, "/");//将时间中的/变为-
				var date = new Date(date1);
				//判断是哪种期限（1、一个月；2、三个月；3、六个月；4、一年）
				if (contractPeriod == 1) {
					if (date1 != "") {
						date.setMonth(date.getMonth() + 1)
						return date.getFullYear() + "-" + (date.getMonth() + 1)
								+ "-" + date.getDate();
					}
				} else if (contractPeriod == 2) {
					if (date1 != "") {
						date.setMonth(date.getMonth() + 3)
						return date.getFullYear() + "-" + (date.getMonth() + 1)
								+ "-" + date.getDate();
					}
				} else if (contractPeriod == 3) {
					if (date1 != "") {
						date.setMonth(date.getMonth() + 6)
						return date.getFullYear() + "-" + (date.getMonth() + 1)
								+ "-" + date.getDate();
					}
				} else if (contractPeriod == 4) {
					if (date1 != "") {
						date.setYear(date.getFullYear() + 1)
						return date.getFullYear() + "-" + (date.getMonth() + 1)
								+ "-" + date.getDate();
					}
				}
			}

		}
		//修改开始日期的处理函数
		function startDateBlur(type) {
			//判断是添加还是修改合同（1、添加；2、修改）
			console.log(type)
			if (type == 1) {
				var date1 = $("#date1").val();
				var date2 = $("#date2").val();
				var contractPeriod = $("#contractPeriod").val();
				date1 = date1.replace(/-/g, "/");//将时间中的/变为-
				var date = new Date(date1);
				//判断是哪种期限（1、一个月；2、三个月；3、六个月；4、一年）
				if (contractPeriod == 1) {
					if (date1 != "") {
						date.setMonth(date.getMonth() + 1)
						$("#date2").val(FormatDate(date));
					}
				} else if (contractPeriod == 2) {
					if (date1 != "") {
						date.setMonth(date.getMonth() + 3)
						$("#date2").val(FormatDate(date));
					}

				} else if (contractPeriod == 3) {
					if (date1 != "") {
						date.setMonth(date.getMonth() + 6)
						$("#date2").val(FormatDate(date));
					}

				} else if (contractPeriod == 4) {
					if (date1 != "") {
						date.setYear(date.getFullYear() + 1)
						$("#date2").val(FormatDate(date));
					}

				} else if (contractPeriod == "" || contractPeriod == null) {
					$("#date1").val("");
					$("#date2").val("");
					swal("提示", "请先选择合同期限!", "warning");
				}
			} else {
				var date1 = $("#edate1").val();
				var date2 = $("#edate2").val();
				var contractPeriod = $("#econtractPeriod").val();
				date1 = startDate.replace(/-/g, "/");//将时间中的/变为-
				var date = new Date(date1);
				//判断是哪种期限（1、一个月；2、三个月；3、六个月；4、一年）
				if (contractPeriod == 1) {
					date.setMonth(date.getMonth() + 1)
					$("#edate2").val(FormatDate(date));
				} else if (contractPeriod == 2) {
					date.setMonth(date.getMonth() + 3)
					$("#edate2").val(FormatDate(date));
				} else if (contractPeriod == 3) {
					date.setMonth(date.getMonth() + 6)
					$("#edate2").val(FormatDate(date));
				} else if (contractPeriod == 4) {
					date.setYear(date.getFullYear() + 1)
					$("#edate2").val(FormatDate(date));
				} else if (contractPeriod == "" || contractPeriod == null) {
					swal("提示", "请先选择合同期限!", "warning");
					$("#edate1").val("");
					$("#edate1").val("");
				}
			}

		}
		function FormatDate(date) {
			var y = date.getFullYear();
			var m = date.getMonth() + 1;
			var hour = date.getHours();
			var minute = date.getMinutes();
			m = m < 10 ? '0' + m : m;
			hour = hour < 10 ? '0' + hour : hour;
			minute = minute < 10 ? '0' + minute : minute;
			var d = date.getDate();
			d = d < 10 ? ('0' + d) : d;
			return y + '-' + m + '-' + d;
		}
	</script>
</body>

</html>